@import "../../../assets/css/tailwind.css";
:host {
    display: block;
    font-family: Arial, sans-serif;
}

.container {
    @apply grid grid grid-flow-row-dense grid-cols-2 grid-rows-2;
}
.input-group {
    @apply flex items-center break-keep mx-4 my-3;
}
.input-group label{
    @apply break-keep basis-1/6 text-xs sm:text-xs md:text-xs lg:text-sm xl:text-sm 2xl:text-sm;
}
.input-group select{
    @apply cursor-pointer;
}
.input-group select, .input-group input{
    @apply grow text-slate-900 bg-white rounded-md block w-full px-2 h-6;
    @apply sm:text-sm  placeholder:text-slate-400 focus:ring-2 ring-1 ring-slate-200;
    /* @apply appearance-none; */
}

#zip-error{
    position:absolute;
    right:0;
    color: red;
}